<!DOCTYPE html>
<script src="../../resources/check-layout.js"></script>
<style>
    .part { -webkit-column-break-inside:avoid; width:50px; height:100px; background:hotpink; }
</style>
<p>Check that an overflow:hidden block dodges floats.</p>
<p>There should be a hotpink square below.</p>
<div style="-webkit-columns:3;">
    <div class="part" style="float:left;"></div>
    <div id="bfc-inflow" class="part" style="overflow:hidden;" data-total-x="58" data-expected-width="50"></div>
</div>
<p id="result"></p>
<script>
    checkLayout("#bfc-inflow", document.getElementById("result"));
</script>
